﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Kinect Proxy</title>
    <link href="css/Styles.css" rel="stylesheet" type="text/css" />
    <link href="css/Tabs.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center" id="tblMain">
        <tr>
            <td id="tdHeader" class="header-bg-repeat" align="center">
                <img src="images/header.jpg" />
            </td>
        </tr>
        <tr>
            <td align="center" class="Browser-Support" width="100%" height="20px" valign="middle"
                >
                For best results use safari (5.0.2) or above version.
            </td>
        </tr>
        <tr>
            <td style="height: 20px;" align="center" valign="middle" >
                <div id='LogContainer' class="logContainer">
                </div>
            </td>
        </tr>
        <tr>
            <td align="center" width="100%" >
                <table cellpadding="0" cellspacing="0" border="0" width="600px">
                    <tr>
                        <td width="200px" align="center" class="lbl">
                            Server URL
                        </td>
                        <td>
                            <input type="text" id="txtServerURL" value="127.0.0.1:2011" class="txtBox" />
                        </td>
                    </tr>
                    <tr>
                        <td align="center" class="lbl">
                            UserName
                        </td>
                        <td>
                            <input type="text" id="txtUserName" value="admin" class="txtBox" />
                        </td>
                    </tr>
                    <tr>
                        <td align="center" class="lbl">
                            Password
                        </td>
                        <td>
                            <input type="password" id="txtPassword" value="admin" class="txtBox" />
                        </td>
                    </tr>
                    <tr>
                        <td>
                        </td>
                        <td align="right" style="margin-left: 25px;">
                            <input id="btnConnect" type="button" value="Connect" onclick="ConnectDisConnect();"
                                class="buton" /><input id="Button1" type="button" value="Clear" onclick="ClearLog();"
                                    class="buton" /><input type="hidden" id="hfieldIsAuthincate" /><input type="hidden"
                                        id="hfieldSelectedTab" />
                        </td>
                    </tr>
                </table>            
            </td>
        </tr>
        <tr>
            <td style="height: 10px;" >
            </td>
        </tr>
    </table>
    <div id="wrapper">
        <div id="tabContainer">
            <div class="tabs">
                <span id="tabHeader_1" style="width: 70px; text-align: center; padding-top: 9px;">Raw
                    Data</span> <span id="tabHeader_2" style="width: 120px; text-align: center; padding-top: 9px;">
                        Visual Skeleton</span>
            </div>
            <div class="tabscontent">
                <div class="tabpage" id="tabpage_1">
                    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%" id="tblRawData">
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Head
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHeadJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHeadW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHeadX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHeadY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHeadZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHeadRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHeadRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Neck
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdNeckJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdNeckW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdNeckX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdNeckY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdNeckZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdNeckRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdNeckRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Spine
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdSpineJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdSpineW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdSpineX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdSpineY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdSpineZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdSpineRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdSpineRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Hip Center
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHipCenterJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHipCenterW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHipCenterX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHipCenterY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHipCenterZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHipCenterRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHipCenterRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Shoulder Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdShoulderLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdShoulderLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdShoulderLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdShoulderLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdShoulderLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdShoulderLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdShoulderLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Elbow Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdElbowLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdElbowLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdElbowLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdElbowLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdElbowLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdElbowLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdElbowLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Wrist Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdWristLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdWristLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdWristLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdWristLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdWristLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdWristLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdWristLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Hand Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHandLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHandLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHandLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHandLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHandLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHandLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHandLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Shoulder Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdShoulderRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdShoulderRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdShoulderRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdShoulderRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdShoulderRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdShoulderRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdShoulderRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Elbow Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdElbowRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdElbowRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdElbowRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdElbowRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdElbowRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdElbowRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdElbowRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Wrist Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdWristRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdWristRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdWristRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdWristRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdWristRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdWristRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdWristRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Hand Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHandRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHandRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHandRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHandRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHandRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHandRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHandRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Hip Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHipLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHipLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHipLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHipLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHipLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHipLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHipLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Knee Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdKneeLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdKneeLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdKneeLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdKneeLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdKneeLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdKneeLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdKneeLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Ankle Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdAnkleLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdAnkleLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdAnkleLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdAnkleLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdAnkleLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdAnkleLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdAnkleLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Foot Left
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdFootLeftJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdFootLeftW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdFootLeftX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdFootLeftY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdFootLeftZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdFootLeftRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdFootLeftRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Hip Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdHipRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdHipRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdHipRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdHipRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdHipRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdHipRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdHipRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Knee Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdKneeRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdKneeRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdKneeRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdKneeRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdKneeRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdKneeRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdKneeRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr1" width="100%">
                            <td class="JointHeading">
                                Ankle Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdAnkleRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdAnkleRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdAnkleRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdAnkleRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdAnkleRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdAnkleRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdAnkleRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                        <tr class="tr2" width="100%">
                            <td class="JointHeading">
                                Foot Right
                            </td>
                            <td class="Joints-lbl-heading-JointID">
                                Joint ID
                            </td>
                            <td id="tdFootRightJointID" class="Joints-lbl-JointValue">
                            </td>
                            <td class="Joints-lbl-heading">
                                W
                            </td>
                            <td id="tdFootRightW" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                X
                            </td>
                            <td id="tdFootRightX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Y
                            </td>
                            <td id="tdFootRightY" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                Z
                            </td>
                            <td id="tdFootRightZ" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RX
                            </td>
                            <td id="tdFootRightRX" class="Joints-lbl">
                            </td>
                            <td class="Joints-lbl-heading">
                                RY
                            </td>
                            <td id="tdFootRightRY" class="Joints-lbl">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="tabpage" id="tabpage_2">
                    <table cellpadding="0" cellspacing="0" border="0" style="width: 100%;" class="canvas-bg"
                        id="tblSkeleton">
                        <tr>
                            <td align="center">
                                <canvas id="myDrawing" width="640" height="480" class="canvas-bg"></canvas>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

<script src="js/tabs.js" type="text/javascript"></script>

<script src="js/WSClient.js" type="text/javascript"></script>

